<template>
  <div></div>
</template>
<script setup>
import { Leafer, Text } from 'leafer-ui';
import '@leafer-in/state' // 导入交互状态插件 
import '@leafer-in/animate'
const leafer = new Leafer({
  view: window
})
const text = new Text({
  fill: 'black',
  text: 'Welcome to LeaferJS',
  padding: [5, 20],
  boxStyle: { // 设置背景框样式 //
    fill: '#ccc',
    stroke: '#ccc',
    cornerRadius: 20
  },
  hoverStyle: { // hover 样式
    fill: 'white',
    boxStyle: {
      fill: 'blue',
      cornerRadius: 20

    }
  }
})
leafer.add(text)
</script>
<style scoped></style>
